<template>
    <div class="header">城市选择
        <router-link to="/">
            <div class="iconfont back-icon">&#xe6a4;</div>
        </router-link>
    </div>
</template>
<script>
export default {
    name: 'CityHeader'
}
</script>
<style scoped>
    .header{
        height: 3rem;
        line-height: 3rem;
        text-align: center;
        color: #fff;
        background-color: #00bcd4;
        font-size: 1rem;
    }
    .back-icon{
        font-size: 1.4rem;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
    }
</style>
